<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Services</title>
    <link rel="stylesheet" href="css/css初始化.css"/>
    <link rel="stylesheet" href="css/services.css"/>
</head>
<body>
<!--顶部开始-->
<div class="body1">
    <div class="heard">
        <div class="w">
            <h1><a href="#"><img src="images/logo.png" alt=""/></a></h1>
            <form class="fr">
                <input type="text" class="text"/>
                <input type="button" class="btn"/>
            </form>
            <ul class="fr">
                <li><a href="home.html"><i></i>Home</a></li>
                <li><a href="about.html"><i></i>About</a></li>
                <li><a href="folio.html"><i></i>Folio</a></li>
                <li><a href="services.html"><i></i>Services</a></li>
                <li><a href="news.html"><i></i>News</a></li>
                <li><a href="contact.html"><i></i>Contact</a></li>
            </ul>
        </div>
    </div>
    <div class="top" style="height: 40px;"></div>
</div>
<!--顶部结束-->
<!--services内容-->
<div class="services-main1">
    <div class="w clearfix">
        <div class="services-main1-left fl">
            <div class="content">
                <p  class="services-title1">Portfolio</p>
                <p class="services-title2">Et harum quidem rerum</p>
                <p class="services-text">Facilis est et expedita distinctio. Nam libero tempore, culuta nobiest eligendo impedit quo minus id quod maxime placeat facere <a
                        href="#">[...]</a></p>
            </div>
            <div>
                <p  class="services-title1">3D Object Photo</p>
                <p class="services-title2">Veritatis quasi architecto beatae</p>
                <p class="services-text">Veritatis et quasi architecto beatae vitae dicta nemo enim ipsam volupta- tem quia voluptas sit aspernatur aut odit aut fugit, sed quia <a
                        href="#">[...]</a></p>
            </div>
        </div>
        <div class="services-main1-center fl">
            <div class="content">
                <p  class="services-title1">Advertising Photo</p>
                <p class="services-title2">Unde omnis iste natus error</p>
                <p class="services-text">Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibu saepe eveniet ut et voluptates repu- diandae sint et molestiae<a
                        href="#">[...]</a></p>
            </div>
            <div>
                <p  class="services-title1">Reportage Photo</p>
                <p class="services-title2">Duis ultricies pharetr magna</p>
                <p class="services-text">Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Nulla facilisi. Aenean nec eros estibulum ante<a
                        href="#">[...]</a></p>
            </div>
        </div>
        <div class="services-main1-right fl">
            <div class="content">
                <p  class="services-title1">Wedding Photo</p>
                <p class="services-title2">Quis nostrum exercitionem ullam</p>
                <p class="services-text">Itaque earum rerum hic tenetur a sa- piente delectus, ut aut reiciendis vol- uptatibus maiores alias consequatur aut perferendis doloribus<a
                        href="#">[...]</a></p>
            </div>
            <div>
                <p  class="services-title1">Exhibitions</p>
                <p class="services-title2">Aliquam congue fermentum nisl</p>
                <p class="services-text">Duis ultricies pharetr magna. Donec accums malesuada orci. Donec i amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit<a
                        href="#">[...]</a></p>
            </div>
        </div>
    </div>
</div>
<div class="services-main2">
    <div class="w clearfix">
        <div class="services-main2-left fl">
            <p class="services-main2-title">Testimonials</p>
            <div class="director clearfix">
                <img src="images/page4_img1.jpg" alt=""/>
                <p><strong>William Horner</strong> </p>
                <p><a href="">Managing Director</a></p>
                <p>Company Name</p>
                <p class="director-text">Nam libero tempore, cum soluta nohbis esteligendi optio cumqu nihil impedit quo minusid quod maxime placeat facere possimu, omnis voluptas assumenda estmnis dolor repellendus.</p>
            </div>
            <div class="director">
                <img src="images/page4_img2.jpg" alt=""/><p><strong>William Horner</strong> </p>
                <p><a href="">Managing Director</a></p>
                <p>Company Name</p>
                <p class="director-text">Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum.</p>
            </div>

        </div>
        <div class="services-main2-right fl">
            <p class="services-main2-title">Like My work?</p>
            <p class="director-text"><strong>Sed ut perspiciatis</strong>  unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
            <p class="director-text">Totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo nemo enim ipsam.</p>
            <a href="#"><img src="images/banner1.jpg" alt=""/></a>
        </div>
    </div>
</div>
<!--services内容-->
<!--底部S-->
<div class="footer">
    <div class="w">
        <div class="foot1">
            <span class="fl"><a href="#">Website template</a><br/>More Templates</span>
            <ul class="fr">
                <li><a href="#"><img src="images/icon1.png" alt="" title="Facebook"/></a></li>
                <li><a href="#"><img src="images/icon2.png" alt="" title="Delicious"/></a></li>
                <li><a href="#"><img src="images/icon3.png" alt="" title="Stumble Upon"/></a></li>
                <li><a href="#"><img src="images/icon4.png" alt="" title="Twitter"/></a></li>
                <li><a href="#"><img src="images/icon5.png" alt="" title="Linkedin"/></a></li>
                <li><a href="#"><img src="images/icon6.png" alt="" title="Reddit"/></a></li>
            </ul>
        </div>
    </div>
</div>
<!--底部E-->
</body>
</html>